@import './_config.scss';
// layout布局样式
.layout-container{
  padding-top: 20px;
  padding-bottom: 20px;
  @media screen and (max-width: 768px) {
    padding: 0;
  }
}

// button{
//   outline: none !important;
//   border: 0 !important;
// }
// 重置样式
*{
  box-sizing: border-box;
}

//重置margin 有左右 15px的样式
.margin-rl-reset{
  margin-left: 0;
  margin-right: 0;
}
//重置padding 有左右 15px的样式
.padding-rl-reset{
  padding-left: 0;
  padding-right: 0;
}

//各种颜色的分类==============================================
// 绿色（主色调）
.text-green{
  color: $color-private !important;
}
// 红色（一般为钱的颜色）
.text-red{
  color: $color-red !important;
}
// 灰色 （一般为暗示性文字）
.text-gray{
  color: $color-normal !important;
}
// 黑色 (一般显示内容)
.text-dark{
  color: $color-title !important;
}
.text-normal{
  color: $color-normal !important;
}
.text-gray-new {
  color: #999999 !important;
}
// 白色 (一般显示内容)
.text-white{
  color: $color-default !important;
}

//各种背景颜色==============================================
// 白色
.bg-default{
  background-color: $color-default !important;
}
// layout文件的背景色
.bg-gray{
  background-color: $color-bg !important;

  @media screen and (max-width: 768px) {
    background-color: #fff !important;
  }
}
// 新的标头类的东西的背景色
.bg-blue{
  background-color: $color-new-bg !important;
}

.breadcrumb {
  padding: 15px 10px;
  border-radius: 0;
  background-color: $color-default;

  a {
    color: $color-private;
    text-decoration: none;
    &:hover {
      color: $color-primary;
    }
  }
}

@media screen and (max-width: 768px) {
  .breadcrumb{
    display: none;
  }
}

.bdshare-button-style0-16 {
  &:after {
    height: inherit !important;
  }
}

.form-messages {
  text-align: center;
  font-size: 14px;
  margin: 10px 0 -15px 0;
  &.error {
    color: $color-red;
  }
  &.success {
    color: $color-private;
  }
}


// sms样式
.sms-code-content
{
    margin-top: 10px;
    .simple_captcha
    {
        display: flex;

        flex-flow: row nowrap;
        align-items: center;

        .simple_captcha_label
        {
            order: 1;
            margin-right: 10px;
        }
        .simple_captcha_field
        {
            order: 2;
            input{
              height: 40px;
              line-height: 2;
              border: 1px solid $color-border;
              color: $color-normal;
            }
        }
        .simple_captcha_image
        {
            order: 3;
        }
        .simple_captcha_refresh_button
        {
            order: 4;
        }
    }
}

.text-mid-line{
  text-decoration: line-through;
}


.mobile-empty-data{
  margin-top: 15px;
  margin-top: 4vw;
  background-color: #fff;
  padding: 15px;
  padding: 4vw;
  text-align: center;
}
